<template>
  <div>
      <div>
        <a-row :gutter="16">
          <a-col :span="6">
            <a-card style="background: #a4e1c6" :bordered="false">
              <a-statistic
                title="我的未处理任务" :value="16" :value-style="{ color: '#000000' }"
                style="margin-right: 50px"
              >
                <template #prefix><a-icon type="profile" /></template>
              </a-statistic>
            </a-card>
          </a-col>
          <a-col :span="6">
            <a-card style="background: #ffeead" :bordered="false">
              <a-statistic title="今天系统未完成的调度任务" :value="1128" style="margin-right: 50px">
                <template #prefix><a-icon type="coffee" /></template>
              </a-statistic>
            </a-card>
          </a-col>
          <a-col :span="6">
            <a-card style="background: #ee9f9b" :bordered="false">
              <a-statistic
                title="今天收到的运营事务请求" :value="23" :precision="0" :value-style="{ color: '#000000', size: '50px' }"
                style="margin-right: 50px"
              >
                <template #prefix><a-icon type="pull-request" /></template>
              </a-statistic>
            </a-card>
          </a-col>
          <a-col :span="6">
            <a-card style="background: #fab68c" :bordered="false">
              <a-statistic
                title="当前在线用户" :value="4" :precision="0"  :value-style="{ color: '#000000' }"
                style="margin-right: 50px"
              >
                <template #prefix><a-icon type="team" /></template>
              </a-statistic>
            </a-card>
          </a-col>
        </a-row>
      </div>
  </div>
</template>

<script>

export default {
  name: 'DashBoard',
  components: {},
  props: {
    username: ''
  },
  data () {
    return {
    }
  },
  methods: {
  }
}
</script>
